클라이언트 사이드 라우팅

❓질문

클라이언트 사이드 라우팅이 동작하는 과정에 대해 설명해주세요.

💡 조사하기전 내가 알고 있던 내용

클라이언트 사이드 라우팅은 서버를 사용하지 않고 보통 리액트만 사용했을때 React Router 같은 라이브러리를 사용하였을때 클라이언트 사이드 라우팅이 진행됩니다.

보통 이러한 라이브러리들은 Link같은 요소를 클릭하면 URL이 바뀌긴 하지만 서버에서 페이지를 받아오는게 아닌 기존에 받아온 페이지에서 안에 내용을 타 컴포넌트로 바꾸어 마치 다른 새로운 페이지로 이동한거 처럼 보이게 합니다.

🏫 정리한 내용

또한 이러한 과정에서 새로운 데이터가 필요하다면 바뀐 타 컴포넌트에서 useEffect()등 사이드 이펙트를 통해 API 요청을 보내거나 상태를 업데이트 합니다
이러한 동작들은 자바스크립트로 이뤄지기 때문에, 대부분 네트워크 요청은 데이터에 집중되어 있는 구조를 보여줍니다.